<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜索历史</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/master.css">
</head>
<body>
    <div class="container">
        <div id="history-header">
			<a href="" class="iconfont icon-iconfront-
"></a>
            <input type="text">
            <span class="iconfont icon-weimingmingwenjianjia_sousuo">搜菜名、食材</span>
            <a href="">搜索</a>
        </div>

        <div id="history-content" class="">

            <div id="hotsou">
            	<h4>热搜榜</h4>
				<div class="box">
					<table cellspacing="0">
						<tr>
							<td>鸡蛋</td>
							<td>鱼香肉丝</td>
							<td>排骨</td>
						</tr>
						<tr>
							<td>鸡蛋</td>
							<td>鱼香肉丝</td>
							<td>排骨</td>
						</tr>
					</table>
				</div>
            </div>
			<div id="souhistory">
				<div class="sou-p">
					<h4>搜索历史</h4>
					<span class="iconfont icon-huishouzhan"></span>
				</div>
				<div class="history">
					<a href="#">sdvgjk</a>
					<a href="#">sdvgjk</a>
					<a href="#">sdvgjk</a>
					<a href="#">sdvgjk</a>
				</div>

			</div>
        </div>
    </div>
</body>
</html>